<!DOCTYPE html>
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" href="/healthcare/css/bootstrap.css">
	<link rel="stylesheet" href="/healthcare/css/style.css">
	<script src="/healthcare/js/jquery.min.js" type="text/javascript"></script>
	<script src="/healthcare/js/jquery.dataTables.min.js" type="text/javascript"></script>
	<script src="/healthcare/js/test.js" type="text/javascript"></script>
	<script src="/healthcare/js/bootstrap.js" type="text/javascript"></script>
	<script src="/healthcare/js/dygraph-combined.js" type="text/javascript"></script>
	<script src="/healthcare/js/utils.js" type="text/javascript"></script>
	<script src="/healthcare/js/script.js" type="text/javascript"></script>
	<link rel="icon" type="image/png" href="/healthcare/img/favicon.png">
	<title>Restful Health</title>
	</head>
	<body id="home">
		<div class="navbar navbar-inverse navbar-fixed-top">
	      <div class="navbar-inner">
	        <div class="container">
	          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </a>
	          <a class="brand" href="#"><i class="icon-plus icon-white"></i>Restful Healthcare</a>
	          <div class="nav-collapse collapse">
	            <p class="navbar-text pull-right">
	              Welcome <a href="#" class="navbar-link">Dr. Ray Placeholder</a>
	            </p>
	            <ul id="primaryNav" class="nav">
	              <li id="patientNav" class="active"><a onclick="initializePatientView()" href="#">Patients</a></li>
	              <li><a href="#contact">Logout</a></li>
	            </ul>
	          </div>
	        </div>
	      </div>
	    </div>
		<div class="container span12" id="patientBrowser">
			<div class="row noSidebar">
				<div class="hero-unit">
					<h2>Your Patients</h2>
					<button type="button" class="btn btn-success">Add Patient</button>
					<div id="patientWrapper" class="row span11">
						<table class="table" id="patient-list"></table>
					</div>
				</div>
			</div>
			
		</div>
	    <div style="display:none;" class="container" id="patientMain">
			<div class="well sidebar-nav-fixed">
			  <ul class="nav nav-list">
			
			    <li class="nav-header" id="pName">Patient Name</li>
			    <li id="reset" class="active"><a href="#">Patient Overview</a></li>
			    <li><a href="#">Payers</a></li>
			    <li><a href="#">Vital Signs</a></li>
			    <li><a href="#">Allergies</a></li>		
			    <li><a href="#">Medication</a></li>
			    <li><a href="#">Conditions</a></li>
					<label class="checkbox nav-conditions-filter">
						<input checked="checked" value="circ" type="checkbox"> Circulatory System
					</label>
					<label class="checkbox nav-conditions-filter">
						<input checked="checked" value="injury" type="checkbox"> Injury and Poisoning
					</label>
					<label class="checkbox nav-conditions-filter">
						<input checked="checked" value="disease" type="checkbox"> Diseases of the skin
					</label>
			    <li><a href="#">Lab Results</a></li>
			    <li><a href="#">Encounters</a></li>
			  </ul>
			</div><!--/.well -->
			<div class="row row-fluid main">
				<div id="overview" class="patient-overview span11 span-fixed-sidebar active">
					<div class="hero-unit">
						<h2>Patient Information</h2>
						<div class="row-fluid">
							<div class="span4 labelfield">
								<label class="control-label">First Name:</label>
								<div id ="fname">
								</div>
							</div>
							<div class="span4 labelfield">
								<label class="control-label">Middle Initial:</label>
								<div id ="mname">
								</div>
							</div>
							<div class="span4 labelfield">
								<label class="control-label">Last Name:</label>
								<div id ="lname">
								</div>
							</div>
						</div>
						<div class="row-fluid">
							<div class="span4 labelfield">
								<label class="control-label">Patient ID:</label>
								<div id = "pid">
								</div>
							</div>
							<div class="span4 labelfield">
								<label class="control-label">Ext:</label>
								<div id = "pidext">
								</div>
							</div>
						</div>
						<div class="row-fluid">
							<div class="span4 labelfield">
								<label class="control-label">Birthday:</label>
								<div id = "bday">
								</div>
							</div>
							<div class="span4 labelfield">
								<label class="control-label">Age:</label>
								<div id = "age">
								</div>
							</div>
						</div>
						<div class="row-fluid">
							<div class="labelfield">
								<label class="control-label">Gender:</label>
								<div id = "gender">
								</div>
							</div>
						</div>
					</div>
					<div class="hero-unit">
						<h2>Contact Information</h2>
						<div class="row-fluid">
							<div class="span4 labelfield">
								<label class="control-label">Work Phone:</label>
								<div id = "wp">
								</div>
							</div>
							<div class="span4 labelfield">
								<label class="control-label">Home Phone:</label>
								<div id = "hp">
								</div>
							</div>
						</div>
					</div>
					<div class="hero-unit">
						<h2>Address</h2>
						<div class="row-fluid">
							<div class="span4 labelfield">
								<label class="control-label">City:</label>
								<div id = "addcity">
								</div>
							</div>
							<div class="span4 labelfield">
								<label class="control-label">State:</label>
								<div id = "addstate">
								</div>
							</div>
							<div class="span4 labelfield">
								<label class="control-label">Zip:</label>
								<div id = "addzip">
								</div>
							</div>
						</div>
						<div class="row-fluid">
							<div class="span8 labelfield">
								<label class="control-label">Street Address:</label>
								<div id = "addstreet">
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<div style="display:none;" id="payer" class="payers span11 span-fixed-sidebar">
					<div class="hero-unit">
						<table cellpadding="0" cellspacing="0" border="0" class="display table" id="payers"></table>
					</div>
				</div>
				
				<div style="display:none;" id="vital-sign" class="vital-signs span11 span-fixed-sidebar">
					<div class="hero-unit">
						<h2 class="graphTitle">Heart Beats Timeline<span class="grey"> (Click on a column to switch graphs)</span></h2>
						<div style="width:940px; height:300px;" id="graphvitalsdiv"></div>
					</div>
					<div class="hero-unit datatable">
						<table cellpadding="0" cellspacing="0" border="0" class="display table" id="vital-signs"></table>
					</div>
				</div>
				
				<div style="display:none;" id="lab-result" class="lab-results span11 span-fixed-sidebar">
					<div class="hero-unit">
						<h2 class="graphTitle">Lymph Lab Results Timeline<span class="grey"> (Click on a column to switch graphs)</span></h2>
						<div style="width:940px; height:300px;" id="graphdiv"></div>
					</div>
					<div class="hero-unit datatable">
						<table cellpadding="0" cellspacing="0" border="0" class="display table" id="lab-results"></table>
					</div>
				</div>
				
				<div style="display:none;" id="condition" class="conditions span11 span-fixed-sidebar">
					<div class="hero-unit datatable">
						<table cellpadding="0" cellspacing="0" border="0" class="display table" id="conditions"></table>
					</div>
				</div>
				
			</div>
		</div>
	</body>
</html>